iT邦幫忙

2021 iThome 鐵人賽

DAY 24
0
自我挑戰組

Flutter系列 第 24

Flutter基礎介紹與實作-Day24 旅遊筆記的實作(5)

  • 分享至 

  • xImage
  •  

今天要來寫的是點點及南部按鈕後會出現的畫面
先在assets資料夾裡的Food資料夾下建立一個南部的資料夾來處存照片
https://ithelp.ithome.com.tw/upload/images/20211008/20141032X2qqXgpqCv.jpg

存完照片一樣要到pubspec.yaml去作更改喔!
https://ithelp.ithome.com.tw/upload/images/20211008/20141032jiqh3gEMBK.jpg

再來建立資料夾
lib/scareens/food_South/food_South_screen.dart
lib/scareens/food_South/components/food_South_body.dart
程式碼如下
food_South_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032FDKhaXhCxr.jpg

food_South_body.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032mp7SD8xAJU.jpg

這邊跟前兩天的內容幾乎相同就不都說了,大家有沒有發現在我們每張卡片下都要兩個button寫著喜歡和不喜歡呢?至於他們有什麼作用我們明天在來揭曉吧!
route.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032betFsok2qp.jpg

這是昨天說的小驚喜,也就是串上連結的方法
成果如下
https://ithelp.ithome.com.tw/upload/images/20211008/20141032suvjU2YnD8.jpg

完整程式碼


今日總結
今天的內容就先到這裡,明天會把最後一個地區作完,還有把按鈕的功用給補上


上一篇
Flutter基礎介紹與實作-Day23 旅遊筆記的實作(4)
下一篇
Flutter基礎介紹與實作-Day25 旅遊筆記的實作(6)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言